<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>ALObooking Software</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
</head>

<body>
    <div id="top-wrapper"><div id="top">
        <div id="logo"><a href="index.html"><img src="img/logo.gif" /></a></div>            
        <div id="top-right">Chào <a href="#">admin</a>, <a href="#">đăng xuất</a>!</div>            
        <br class="clr" />
    </div></div>
    
    <div id="nav-wrapper"><div id="nav">
        <ul>
        	<li><a href="index.html">Dashboard</a></li>
            <li class="active"><a href="booking.html">Booking</a></li>
            <li><a href="customer.html">Khách hàng</a></li>
            <li><a href="hotel.html">Khách sạn</a></li>
            <li class="last"><a href="user.html">User</a></li>
            <br class="clr" />
        </ul>
    </div>
    
    <div id="subnav">
        <ul>
            <li class=""><a href="booking.html">Xem tất cả bookings</a></li>
            <li class="active last"><a href="booking_add.html">Tạo booking mới</a></li>
        </ul>  
    </div>
    
    <div id="main">
    	<h1>Chi tiết booking</h1>
        
       	<h2>Thông tin khách hàng</h2>
            
        <table class="data">
            <tr>
                <td class="grey">Mã khách</td>
                <td>0000001</td>
            </tr>
            <tr>
                <td class="grey">Tên khách</td>
                <td>Yến, Trần Thu</td>
            </tr>
            <tr>
                <td class="grey">ĐT</td>
                <td>0908.870.564</td>
            </tr>
            <tr>
                <td class="grey">Email</td>
                <td>yen@coffeemugvn.com</td>
            </tr>
            <tr>
                <td class="grey">Địa chỉ</td>
                <td>159 Điện Biên Phủ, P.15, Q.Bình Thạnh</td>
            </tr>
        </table>
        
        <h2>Thông tin booking</h2>
        
        <h3>Thông tin cơ bản</h3>
        
        <div class="booking-info left">        
            <table class="table2">        
                <tr>
                    <td>Ngày đặt:</td>
                    <td><span class="auto">21/01/11</span></td>
                </tr>
                <tr>
                    <td>Địa điểm:</td>
                    <td>Đà Lạt</td>
                </tr>
                <tr>
                    <td>Khách sạn:</td>
                    <td>Bluemoon Hotel</td>
                </tr>
            </table>
		</div><!--.booking-info-->
        
        <div class="booking-info center">        
            <table class="table2">                        
                <tr>
                    <td>Tình trạng:</td>
                    <td>1. Mới đặt</td>
                </tr>
                <tr>
                    <td>Tổng đêm phòng:</td>
                    <td><span class="auto">4</span>
                    </td>
                </tr>
            </table>
		</div><!--.booking-info-->
        
        <div class="booking-info right">        
            <table class="table2"> 
            	<tr>
                    <td>Mã khách sạn:</td>
                    <td>ABC-12345</td>
                </tr>               
                <tr>
                    <td>Mã booking:</td>
                    <td><span class="auto">ALB110112-1</span></td>
                </tr>
            </table>
		</div><!--.booking-info-->
        
        <br class="clr" />
        
        <hr />
        
        <h3>Thanh toán</h3>
        
        <table class="table2 booking-payment">                        
            <tr>
                <td class="wide-spacing">
                	Loại tiền:
                	<strong>USD</strong>
                </td>
                
                <td class="wide-spacing">
                     <strong>Không Xuất VAT</strong>
				</td>  
                            
                <td class="wide-spacing">
                    Tỷ giá ALO:
                    <strong>19.900</strong>
                </td>
            </tr>            
        </table>
        
        <hr />
        
        <h3>Thông tin chi tiết</h3>
        
        <table class="table1 booking-detail">
        	<tr>
            	<th>Loại phòng</th>
                <th>Tiêu chuẩn</th>
                <th>SL</th>
                <th>Check in</th>
                <th>Check out</th>
                <th>Đơn giá</th>
                <th>Đêm</th>
                <th>Thành tiền</th>
			</tr>
            <tr>
            	<td align="center">Superior</td>
            	<td align="center">DBL</td>
                <td align="center">1</td>
                <td align="center">01/01/11</td>
                <td align="center">03/01/11</td>
                <td align="right">48</td>
                <td align="right">2</td>
                <td align="right">96</td>
			</tr>
            <tr>
            	<td align="center">Family</td>
            	<td align="center">TWIN</td>
                <td align="center">2</td>
                <td align="center">02/01/11</td>
                <td align="center">03/01/11</td>
                <td align="right">55</td>
                <td align="right">2</td>
                <td align="right">110</td>         
			</tr>
            <tr class="heading">
            	<th colspan="11">Loại khác</th>
			</tr>
            <tr>
            	<td align="center">Khuyến mãi</td>
                <td align="center">Voucher</td>
                <td align="center">1</td>
                <td align="center">&nbsp;</td>
                <td align="center">&nbsp;</td>
                <td align="right">-10</td>
                <td align="right">1</td>
                <td align="right">-10</td>
			</tr>            
            <tr>
            	<td colspan="6">Tổng tiền phòng</td>
                <td align="right">USD</td>
				<td align="right"><span class="highlight">196</span></td>
            </tr>
            <tr>
            	<td colspan="6">&nbsp;</td>
                <td align="right">VND</td>
				<td align="right"><span class="highlight">3.900.400</span></td>
            </tr>
        </table>
        
        <div id="booking-cancel">
        	<h3>Điều kiện hủy phòng</h3>
        
            <table class="table2">                        
                <tr>
                    <td>Không phạt tiền <span class="compulsory">*</span></td>
                    <td>15 &nbsp;ngày</td>
                </tr>
                <tr>
                    <td>Phạt 50% <span class="compulsory">*</span></td>
                    <td>14-7 &nbsp;ngày</td>
                </tr>
                <tr>
                    <td>Phạt 100% <span class="compulsory">*</span></td>
                    <td>6-1 &nbsp;ngày</td>
                </tr>
            </table>
		</div>
        
        <div id="booking-payment">
        	<h3>Tình trạng thanh toán</h3>
            
            <table class="table1 booking-detail">
            	<tr>
                	<th>Tiến trình</th>
                    <th>Ngày</th>
                    <th>Tiền</th>
                    <th>Phương thức</th>
                    <th>Ghi chú</th>
                </tr>
                <tr>
                	<td>Đặt cọc</td>
                    <td>25/12/10</td>
                    <td>2.000.000</td>
                    <td>Thu tiền</td>
                    <td></td>
                </tr>
                <tr>
                	<td>Thu hết</td>
                    <td>28/12/10</td>
                    <td>1.900.400</td>
                    <td>Chuyển khoản</td>
                    <td>Đưa dư 20.000</td>
                </tr>
                <tr>
                	<td>KS thu</td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                </tr>
            </table>
        </div>
        
        <br class="clr" />
        
        <div id="action-bar">
         	<div class="action-bar-group">
                <input name="" type="button" class="button" value="Sửa booking" />
                <input name="" type="button" class="button" value="Confirm khách - VI" />
                <input name="" type="button" class="button" value="Confirm khách - EN" />
			</div>
            
            <div class="action-bar-group">            
            	<select class="dropdown">
                    <option>1. Mới đặt</option>
                    <option>2. Chờ xử lý</option>
                    <option>3. KS confirm</option>
                    <option>4. Confirmed khách</option>
                    <option>5. Thu cọc</option>
                    <option>6. Thu hết</option>
                    <option>7. Hủy</option>
                    <option>8. Kết thúc</option>
                </select>
                <input name="" type="button" class="button" value="Cập nhật" />
			</div>
            
            <div class="action-bar-group right"> 
            	<input class="button" name="" type="button" value="Quay lại" />
            </div>
            <br class="clr" />
        </div>
       
        
    </div><!--#main-->
    
    <div id="footer">&copy; 2010 ALObooking.</div>    
</body>
</html>
